<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>人居状况-朝阳区人房大数据</title>
<meta content="" name="Keywords">
<meta content="" name="Description">
<meta name="format-detection" content="telephone=no">
<link href="/static/css/ui.css" rel="stylesheet">
<link href="/static/css/grid.css" rel="stylesheet">
<link href="/web/css/style.css" rel="stylesheet">

<script src="/static/lib/echarts/echarts.min.js"></script>
<script src="/static/lib/echarts/dark.js"></script>

</head>
<body>
<!--head-->
<header class="pageHeader fix">
    <div class="topLeft">
        <h1 class="logo"><a href="./" title="朝阳区人房大数据"><img src="/web/img/logo.png" alt="朝阳区人房大数据"></a></h1>
        <div class="area_select">
            <select class="top_select" name="select1">
                <option value="0" selected>全区</option>
                <option value="1">东风乡</option>
                <option value="2">平房区</option>
                <option value="3">东坝</option>
                <option value="4">将台</option>
                <option value="5">酒仙桥</option>
                <option value="6">麦子店</option>
                <option value="7">团结湖</option>
                <option value="8">六里屯</option>
                <option value="9">八里屯</option>
                <option value="10">呼家楼</option>
                <option value="11">三里屯</option>
                <option value="12">朝外</option>
                <option value="13">建外</option>
                <option value="14">高碑店</option>
                <option value="15">三间房</option>
                <option value="16">管庄</option>
                <option value="17">常营</option>
                <option value="18">金盏</option>
                <option value="19">孙河</option>
                <option value="20">崔各庄</option>
                <option value="21">来广营</option>
                <option value="22">奥运村</option>
                <option value="23">大屯</option>
                <option value="24">东湖</option>
                <option value="25">望京</option>
                <option value="26">亚运村</option>
                <option value="27">安贞</option>
                <option value="28">小关</option>
                <option value="29">和平街</option>
                <option value="30">太阳宫</option>
                <option value="31">香河园</option>
                <option value="32">左家庄</option>
                <option value="33">双井</option>
                <option value="34">劲松</option>
                <option value="35">潘家园</option>
                <option value="36">十八里店</option>
                <option value="37">小红门</option>
                <option value="38">南磨房</option>
                <option value="39">豆各庄</option>
                <option value="40">黑庄户</option>
                <option value="41">王四营</option>
                <option value="42">垈头</option>
                <option value="43">首都国际机场</option>
            </select>
        </div>
    </div>
    <nav class="pageNav">
        <ul class="fix">
            <li><a href="./">首页</a></li>
            <li><a href="population_number.html">人口数量</a></li>
            <li><a href="population_structure.html">人口结构</a></li>
            <li><a href="housing_status.html" class="cur">人居状况</a></li>
            <li><a href="analysis.html">分析预测</a></li>
        </ul>
    </nav>
    <div class="date r">
        2018年4月
    </div>
</header>
<!--head end-->
<!--main-->
<section class="pageMain hourseing">
    <div class="dPart">
        <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>房屋类型饼形图</b></h2>
            </div>
            <div class="bd fix">
                <div class="pie_info" >
                    <div id="chart1" class="my_echarts"></div>
                    <div class="pie_ct">居住面积：7241240</div>
                </div>
            </div>
        </div>
        <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>小区管理饼形图</b></h2>
            </div>
            <div class="bd fix">
                <div class="pie_info" >
                    <div id="chart2" class="my_echarts"></div>
                    <div class="pie_ct">小区数：142892</div>
                </div>
            </div>
        </div>
    </div>
    <div class="dPart">
        <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>房屋使用饼形图</b></h2>
            </div>
            <div class="bd fix">
                <div class="pie_info" >
                     <div id="chart3" class="my_echarts"></div>
                    <div class="pie_ct">总户数：1537500</div>
                </div>
            </div>
        </div>
        <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>家庭规模饼形图</b></h2>
            </div>
            <div class="bd fix">
                <div class="pie_info" >
                     <div id="chart4" class="my_echarts"></div>
                    <div class="pie_ct">家庭数：1190500<br>平均每户人口：3<br>人均居住面积：20</div>
                </div>
            </div>
        </div>
    </div>
    <div class="dPart">
         <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>住宅高度饼形图</b></h2>
            </div>
            <div class="bd fix">
                <div class="pie_info" >
                    <div id="chart5" class="my_echarts"></div>
                    <div class="pie_ct">住宅数：16000</div>
                </div>
            </div>
        </div>
         <div class="comBox sbox border resize">
            <div class="line"></div>
            <div class="hd fix">
                <h2 class="title"><b>重点数值</b></h2>
            </div>
            <style type="text/css">
                .data_table .tb1 { width:80px; }
                .data_table .selected { background-color:#474770; }
                .data_table .title { font-size: 14px; }
                .data_table .ta_num { font-family: 'digital'; font-size: 18px; }
            </style>
            <div class="bd fix">
                <div class="my_echarts static_content">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="data_table">
                        <colgroup>
                            <col >
                             <col class="tb2">
                         </colgroup> 

                         <tbody>
                            <tr>
                                <td title="房屋空置率" class="title">房屋空置率</td>
                                <td class="ta_num cy_blue digital_num">14.8%</td>
                            </tr>
                            <tr>
                                <td title="人户分离数" class="title">人户分离数</td>
                                <td class="ta_num cy_blue digital_num">660822</td>
                            </tr>
                            <tr>
                                <td title="房屋出租率" class="title">房屋出租率</td>
                                <td class="ta_num cy_blue digital_num">35.6%</td>
                            </tr>
                            <tr>
                                <td title="拆迁计划房屋数" class="title">拆迁计划房屋数</td>
                                <td class="ta_num cy_blue digital_num">25363</td>
                            </tr>
                            <tr>
                                <td title="拆迁计划涉及人数" class="title">拆迁计划涉及人数</td>
                                <td class="ta_num cy_blue digital_num">110072</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
<!--main end-->
<script src="/static/modules/seajs/sea.js" id="seajsnode"></script>
<script src="/web/seajs.config.js"></script>
<script>seajs.use("js/housing_status");</script>
</body>
</html>